<template>
  <div id="orders" :class="styleTypeClass" :style="{width,height:'100%'}">
    <!-- 默认样式-->
    <template>
<!--      <div class="title">-->
<!--        <div class="d-flex pt-2 pl-2">-->
<!--          <span class="title-icon"></span>-->
<!--          <span class="fs-xl text mx-2">订单统计</span>-->
<!--        </div>-->
<!--      </div>-->
      <div class="mt-3" style="height:95%">
        <EchartsIndex :options="options"/>
      </div>
    </template>
  </div>
</template>

<script>
import mixin from '../mixin/index'
import mixinEcharts  from '../mixin/echarts'
export default {
  name: "Orders",
  mixins: [mixin,mixinEcharts],
  components: {},
  data(){
    return {
      options: {
        grid: {
          top:70,
          left: '3%',
          right: '4%',
          bottom: '0%',
          containLabel: true
        },
        legend: {
          top:'10%',
        },
        tooltip: {},
        dataset: {
          source: [
            ['product', '7月', '8月'],
            ['丰园新区', 43.3, 85.8, ],
            ['儒风海韵', 83.1, 73.4,],
            ['日钢生活区', 86.4, 65.2,],
            ['凌云佳苑', 72.4, 53.9,],
            ['西湖小区', 72.4, 53.9,],
            ['西湖尚品', 72.4, 53.9,]
          ]
        },
        xAxis: {
          type: 'category',
          axisLabel:{
            show: true,
            interval: 0,//使x轴上的文字显示完全,
          }
        },
        yAxis: {
          // type: 'category',
        },
        // Declare several bar series, each will be mapped
        // to a column of dataset.source by default.
        series: [
          { type: 'bar', barWidth: 20, },
          { type: 'bar',  barWidth: 20,}
        ]
      }
    }
  },
  props:{},
  computed:{}
}
</script>

<style lang="scss" scoped>
@import '@/styles/datav/infoPlatform.scss';
</style>
